/*
 * @Author: your name
 * @Date: 2021-04-29 19:26:54
 * @LastEditTime: 2021-05-04 18:09:45
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \offer20k\项目代码\management\src\components\Form.tsx
 */
import { Form, Input, Button, Select } from 'antd';
import styles from '@/pages/pageManagement/index.less';
const Forms: React.FC = () => {
  const onReset = () => {
    form.resetFields();
  };
  type LayoutType = Parameters<typeof Form>[0]['layout'];
  
  const onFinish = (values: any) => {
    console.log(values);
  };
  const [form] = Form.useForm();
  const { Option } = Select;
  return (
    <div className={styles.conContent}>
      <Form
        className={styles.sPYrkftgglgcqyg8EHw1}
        onFinish={onFinish}
        style={{
          padding: '24px 12px',
          marginBottom: '16px',
          height: '88px',
          lineHeight: '44px',
        }}
        layout="inline"
      >
        <Form.Item
          label="标题"
          name="name"
          style={{ width: '25%', marginLeft: '2%' }}
        >
          <Input placeholder="请输入文章标题" style={{ width: '100%' }} />
        </Form.Item>
        <Form.Item
          label="状态"
          name="state"
          style={{ width: '25%', marginLeft: '2%' }}
        >
          <Input placeholder="请输入页面路径" style={{ width: '100%' }} />
        </Form.Item>
        <Form.Item label="分类" name="classIfy" style={{ marginLeft: '5%' }}>
          <Select style={{ width: 180, marginRight: '2%' }}>
            <Option value="已发布">已发布</Option>
            <Option value="草稿">草稿</Option>
          </Select>
        </Form.Item>

        <Form.Item style={{ marginLeft: '4%' }}>
          <Button type="primary" htmlType="submit">
            搜索
          </Button>
        </Form.Item>
        <Form.Item>
          <Button htmlType="button" onClick={onReset}>
            重置
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
};
export default Forms;
